<template>
	<!-- EM设备的展示方法和操作方法 -->
	<!-- 日历组件 -->
	<calendarEM></calendarEM>
	<!-- 跳转到历史记录 -->
	<button type="primary" @click="onNavi">历史记录查询</button>
</template>

<script setup lang="ts">
	import { onLoad } from "@dcloudio/uni-app"
	import { ref } from "vue"

	/**
	 * 定义 ref 对象,接收父组件传值,并渲染要模版层
	 */
	const obj = {
		name: '',
		mac: '',
		type: ''
	}


	/**
	 * 按钮点击事件
	 * 条状到历史记录
	 */
	function onNavi() {
		uni.navigateTo({
			url: '/pages/EQUIPMENTS/sensorHistory/sensorHistory?type=' + obj.type
				+ '&mac=' + obj.mac
				+ '&name=' + obj.name
		})
	}

	/**
	 * 在onLoad生命周期中接收父页面接口传参并解构
	 * 使用数据必须在onLoad,生命周期比setup晚
	 */
	onLoad((e) => {
		obj.type = e.type
		obj.mac = e.mac
		obj.name = e.name

		uni.setNavigationBarTitle({
			title: obj.name + "数据预览"
		})
	})
</script>

<style lang="scss" scoped>
	button {
		width: 80%;
		height: 80rpx;
		margin: 20rpx auto;
	}
</style>